import { mapGetters } from "vuex";
// import titlemixins from "@/mixins/bigScreen/titlemixins";
let mixin = {

  // mixins: [titlemixins],

  props: {
    classes: {
      default: function() {
        return {};
      }
    },

  },
  computed: {
    ...mapGetters(["scale"])
  },
  data() {
    return {
      logo: 100,
      scalecom: 1,
    };
  },
  mounted() {
    if (this.componentDetail['scale']) {
      this.scalecom = this.componentDetail['scale']
    }
  },
  methods: {

    getscalepxc(val) {
      return this.scale * val* this.scalecom + "px";
    },

    getscalepx(val) {
      return this.scale * val* this.scalecom + "px";
    },

    getscalepxcnum(val) {
      return this.scale * this.scalecom * val;
    },
    getsamewh(val) {
      return {
        height: this.getscalepxc(val),
        width: this.getscalepxc(val)
      };
    },
    getfontSize(val) {
      return {
        fontSize: this.getscalepxc(val),
      };
    },
    getpmtwo(one,two){
      return this.getscalepxc(one) + ' ' + this.getscalepxc(two) + ''
    },
    getpmfour(one, two, three, four){
      return this.getscalepxc(one) + ' ' + this.getscalepxc(two) + ' '+ this.getscalepxc(three) + ' ' + this.getscalepxc(four) + ''
    },
    getfonttitle(){
      return 'white'
    },
    getfontcontent(){
      return '#AED2E2'
    },
    getfontunit(){
      return '#77D2FF'
    },
    getbackcolor(){
      return '#072750'
    }
  }
};

export default mixin;
